<script setup lang="ts">
// 用户关闭浏览器时清除登录信息
import {onMounted} from 'vue'
window.onunload = function () {
	localStorage.removeItem("username")
    localStorage.removeItem("password")
	}
// 定义函数。检测最后操作时间    
const updateLastActivity = () =>{
    localStorage.setItem('lastActivity', new Date().getTime())
}   

// 在用户执行任何操作时调用此函数  
// 例如，你可以将此函数绑定到点击、滚动、输入等事件上  
document.addEventListener('click', updateLastActivity);  
document.addEventListener('scroll', updateLastActivity);



// 检查用户是否在过去15分钟内活跃  
const checkActivity = () => {  
    const lastActivity = parseInt(localStorage.getItem('lastActivity')) || 0;  
    const now = new Date().getTime();  
    const fifteenMinutes = 1 * 60 * 1000 ; // 15分钟转换为毫秒  
    if (now - lastActivity > fifteenMinutes) {  
        // 清除localStorage中的所有数据（或只是某些特定的键）  
        localStorage.clear(); // 或者使用 localStorage.removeItem('yourKey');  
        console.log('用户已15分钟不活跃，数据已清除');  
    } else {  
        // 如果没有超过15分钟，则重新设置定时器  
        console.log('开始使用定时器');  
        setInterval(checkActivity, 30*1000)
   
    }  
}  
  
// 页面加载时开始检查  
onMounted(()=>{
    updateLastActivity()
    checkActivity()
    })
</script>


<template>
<router-view></router-view>  
</template>
  
<style >

</style>